
interface Props {
    title: string
    cover: string
    onClick: Function
}

const ReportCard = (props: Props) => {
    const {
        title,
        cover,
        onClick
    } = props;

    return (
        <div
            onClick={() => onClick && onClick()}
            className='flex-col analysis-main-box'
        >
            <div 
                className='analysis-main-title'
            >
                {title}
            </div>
            <img
                src={cover}
                style={{
                    width: 272,
                    height: 399
                }}
            />
        </div>
    )
}

export default ReportCard;